@media (max-width:767px){
body{ padding-top:60px !important;}
body::-webkit-scrollbar {display:none !important;}

.san{ height:60px; width:24px; position:relative;}
.san i{ line-height:60px; font-size:24px; transition:all 0.3s; color:#334ba5;}


.header{ height:60px !important; background:#fff !important; }
.header .logo{ height:60px !important; width: auto !important;}
.header .navs{ padding-top:0px !important;}
.header .header_right:after{ display:none !important;}
.navs>ul>li:last-child{ display:none !important;}
.navs>ul>li{ display:block !important; margin-bottom:5px !important;}

.ding_form{ opacity:1 !important;pointer-events: auto !important; width:70% !important; margin:0 auto; position:relative !important; top:auto !important; right:auto !important; margin-top:15px;}
.ding_form input{ border:none !important;}
.ding_form button{background:#b9b9b9 !important;}

.header_right.active{ display:block !important;}
.header_right{ width:100% !important; float:none !important; position: fixed !important; left:0; top:60px; right:0; background:#334ba5; height:auto !important; display:none; transition:all 0.6s; padding:30px 0 !important; box-shadow:0px 2px 4px rgba(0,0,0,0.3);}

.s_banner{ margin-top:0 !important;}
.s_gg{ display:none !important;}
.footer{ padding-top:0 !important;}
.footer .ft_di{ margin-top:0 !important;}
.footer .ft_di a{ display: block !important;}

.s_anli #myTabContent{ margin-top:15px !important;}
.s_anli ul{ margin-bottom:0 !important;}
.s_anli ul li{ margin-right:15px !important; margin-bottom:10px !important;}
.s_anli ul li a{ padding:4px 10px !important; border-radius:4px !important;}
.al_text{ float:none !important;}
.s_new ul{ float:none !important;}
.s_anli ul{ float:none !important;}
.s_new ul li{ margin-right:0px !important;}
.s_new ul li a{ padding:4px 10px !important; border-radius:4px !important;}

.n_banner{ margin:0 !important; padding-top:30% !important;}
.n_nav .row .col-md-3{ display:none !important;}
.n_nav ul{ margin:0 !important; padding:10px 0 !important; padding-bottom:1px !important; text-align:center;}
.n_nav ul>li{ padding:0 10px !important; float:none !important; display:inline-block !important;}
.ab_sh{ margin-top:0 !important;}
.sys .caption{ margin-bottom:15px !important;}
.sys .row .col-md-4:nth-child(2) .caption span:after{border-top:none !important; border-bottom: 10px solid #334ba5 !important; top:auto !important; bottom:100% !important;}
.n_nav ul>li{ margin-bottom:10px !important;}
.xs_anli_erji a{ white-space: normal; display:inline-block; margin:0 3px; text-align: center; border: 1px solid #dedede; padding: 5px 10px; margin-bottom: 10px; font-size: 12px; text-decoration: none; color:#333;}
.xs_anli_erji a.active{ background:#334ba5; color:#fff; border:1px solid #334ba5;}
.ny_al_fan .row{ margin:0 -2px !important;}
.ny_al_fan .row .col-xs-4{ padding:0 2px !important;}
.n_map{ margin-top: 0 !important}
.my-map{ height:300px !important;}
.nlx_text{ padding-right:0 !important;}
.nnew_1_db{ margin-bottom:10px !important;}
.nnew_1_db .row .col-md-5 .caption{ padding:5px 10px !important;}
.nnew_right_list{ display:none !important;}
.bshare-custom{ margin-top:10px !important;}
.ny_cp_right{ display:none !important;}
.s_product .row .col-md-4:nth-child(1) .caption .scp_text{ width: 68% !important; }
.s_product .row .col-md-4:nth-child(3) .caption .scp_text{ width: 68% !important; }
.s_product .s_hot .row .col-md-4 .caption .scp_text{ width: 98% !important; margin: 0 auto !important;}
.s_product .caption .scp_text h5{ line-height: 24px; }

.cp_erji{ display:none !important;}
.ny_left.active{ transform:translateX(0); box-shadow:0px 2px 4px rgba(0,0,0,0.3);}
.ny_left{ position: absolute; left:0; top:-20px; z-index:10; width:65%; transition:all 0.6s; transform:translateX(-100%);}
.sj_daohang{ position:absolute; left:100%; top:0; background:#334ba5; min-width:60px; letter-spacing: 2px; text-align:center; border-radius:4px; padding:4px 10px; color:#fff;font-family: 'Conv_MONTSERRAT-REGULAR'; font-size: 16px;}
.ny_left .panel-group{ margin-bottom:0 !important;}
.ny_cp_header .caption h6 a{ padding-right:10px !important; padding-left:50px !important;}
.ny_cp_header .caption h6 a i{ left:10px !important;}
.ny_cp_header .caption h6 a:last-child{ margin-left:10px !important;}
/* .ny_cp_content{ display:none !important;} */
.cp_fan .row .col-md-6:nth-child(1) .caption{ margin-bottom:10px !important;}
.cp_fan .caption{ text-align:left !important;}

#my-video{ height:300px !important;}

.x_about{ padding: 30px 0 !important ;}
.xab_left{ padding-right: 0 !important;}
.xab_right{ padding-left: 0 !important; margin-top: 30px !important;}
.xab_left h2{ font-size: 18px !important;}
.xab_left h2 span{ font-size: 24px !important;}
.xab_video{ left: 22.5px !important;}
}


@media (min-width:768px) and (max-width:991px) {
body{ padding-top:60px !important;}
body::-webkit-scrollbar {display:none !important;}

.san{ height:60px; width:24px; position:relative;}
.san i{ line-height:60px; font-size:24px; transition:all 0.3s; color:#334ba5;}


.header{ height:60px !important; background:#fff !important; }
.header .logo{ height:60px !important; width: auto !important;}
.header .navs{ padding-top:0px !important;}
.header .header_right:after{ display:none !important;}
.navs>ul>li:last-child{ display:none !important;}
.navs>ul>li{ display:block !important; margin-bottom:5px !important;}

.ding_form{ opacity:1 !important;pointer-events: auto !important; width:70% !important; margin:0 auto; position:relative !important; top:auto !important; right:auto !important; margin-top:15px;}
.ding_form input{ border:none !important;}
.ding_form button{background:#b9b9b9 !important;}

.header_right.active{ display:block !important;}
.header_right{ width:100% !important; float:none !important; position: fixed !important; left:0; top:60px; right:0; background:#334ba5; height:auto !important; display:none; transition:all 0.6s; padding:30px 0 !important; box-shadow:0px 2px 4px rgba(0,0,0,0.3);}

.s_banner{ margin-top:0 !important;}
.s_gg{ display:none !important;}
.footer{ padding-top:0 !important;}
.footer .ft_di{ margin-top:0 !important;}
.footer .ft_di a{ display: block !important;}

.s_anli #myTabContent{ margin-top:15px !important;}
.s_anli ul{ margin-bottom:0 !important;}
.s_anli ul li{ margin-right:15px !important; margin-bottom:10px !important;}
.s_anli ul li a{ padding:4px 10px !important; border-radius:4px !important;}
.al_text{ float:none !important;}
.s_new ul{ float:none !important;}
.s_anli ul{ float:none !important;}
.s_new ul li{ margin-right:0px !important;}
.s_new ul li a{ padding:4px 10px !important; border-radius:4px !important;}

.n_banner{ margin:0 !important; padding-top:30% !important;}
.n_nav .row .col-md-3{ display:none !important;}
.n_nav ul{ margin:0 !important; padding:10px 0 !important; padding-bottom:1px !important; text-align:center;}
.n_nav ul>li{ padding:0 10px !important; float:none !important; display:inline-block !important;}
.ab_sh{ margin-top:0 !important;}
.sys .caption{ margin-bottom:15px !important;}
.sys .row .col-md-4:nth-child(2) .caption span:after{border-top:none !important; border-bottom: 10px solid #334ba5 !important; top:auto !important; bottom:100% !important;}
.n_nav ul>li{ margin-bottom:10px !important;}
.xs_anli_erji a{ white-space: normal; display:inline-block; margin:0 3px; text-align: center; border: 1px solid #dedede; padding: 5px 10px; margin-bottom: 10px; font-size: 12px; text-decoration: none; color:#333;}
.xs_anli_erji a.active{ background:#334ba5; color:#fff; border:1px solid #334ba5;}
.ny_al_fan .row{ margin:0 -2px !important;}
.ny_al_fan .row .col-xs-4{ padding:0 2px !important;}
.n_map{ margin-top: 0 !important}
.my-map{ height:300px !important;}
.nlx_text{ padding-right:0 !important;}
.nnew_1_db{ margin-bottom:10px !important;}
.nnew_1_db .row .col-md-5 .caption{ padding:5px 10px !important;}
.nnew_right_list{ display:none !important;}
.bshare-custom{ margin-top:10px !important;}
.ny_cp_right{ display:none !important;}

.cp_erji{ display:none !important;}
.ny_left.active{ transform:translateX(0); box-shadow:0px 2px 4px rgba(0,0,0,0.3);}
.ny_left{ position: absolute; left:0; top:-20px; z-index:10; width:65%; transition:all 0.6s; transform:translateX(-100%);}
.sj_daohang{ position:absolute; left:100%; top:0; background:#334ba5; min-width:50px; text-align:center; border-radius:4px; padding:4px 10px; color:#fff;font-family: 'Conv_MONTSERRAT-REGULAR';}
.ny_left .panel-group{ margin-bottom:0 !important;}
.ny_cp_header .caption h6 a{ padding-right:10px !important; padding-left:50px !important;}
.ny_cp_header .caption h6 a i{ left:10px !important;}
.ny_cp_header .caption h6 a:last-child{ margin-left:10px !important;}
/* .ny_cp_content{ display:none !important;} */
.cp_fan .row .col-md-6:nth-child(1) .caption{ margin-bottom:10px !important;}
.cp_fan .caption{ text-align:left !important;}

.xab_left{ padding-right: 0 !important;}
.xab_right{ padding-left: 0 !important; margin-top: 30px !important;}
.xab_left h2{ font-size: 18px !important;}
.xab_left h2 span{ font-size: 24px !important;}
.xab_video{ left: 22.5px !important;}

	}


@media (min-width:991px) and (max-width:1200px) {

	.logo{ width: 40% !important; height: 70px !important; margin-top: 20px !important;}
	.header.active .logo{ margin-top: 5px !important;}
	.navs>ul>li{ margin: 0 5px !important;}
	.navs>ul>li:last-child{ margin-left: 5px !important;}
	.navs>ul>li:last-child>a{ width: 24px !important; background-size: cover !important; height: 24px !important;}
	.sgg_right b{ font-size: 16px !important; line-height: 24px !important;}
	.sgg_right h4{ font-size: 16px !important; margin: 5px 0 !important;}
	.sgg_right a{ margin-top: 10px !important;}
	.xab_left h2{ font-size: 30px !important;}
	.xab_left h2 span{ font-size: 46px !important;}
	.s_anli ul li a{ padding: 4px 15px !important; font-size: 14px !important;}
	.n_nav .caption p{ font-size: 12px !important;}
	.n_nav .caption h2{ font-size: 24px !important; margin: 15px 0 !important;}
	.n_nav ul>li{ padding: 0 10px !important;}
	.ny_al_header .caption h4{ padding: 10px !important; margin-bottom: 5px !important;}
	.nnew_1_db .caption h4{ line-height: 24px !important; font-size: 16px !important;}
	.nnew_1_li h4{ font-size: 16px !important;}


}

	
@media (min-width:1201px) {	

}
@media (min-width:1200px) and (max-width:1600px) {
.navs>ul>li{ margin:0 15px !important;}
.navs>ul>li:last-child{ margin-bottom:-7px !important;}
}
@media (min-width:1200px) and (max-width:1440px) {
.header{ height:80px !important;}
.header .logo{ height:80px !important;}
.header .navs{ padding-top:15px !important;}
.header .header_right{ height:80px !important;}
.header .header_right:after{ border-top:80px solid transparent !important;}
.navs>ul>li{ margin:0 15px !important;}
.s_banner{ margin-top:80px !important;}
.sgg_right h4{ font-size:18px !important;}
.sgg_right b{ font-size:24px !important; line-height:30px !important;}
.sgg_right span i{ font-size:56px !important;}

.n_banner{ margin-top:80px !important;}

	}
@media (min-width:1200px) {
.header .container{ padding:0 70px !important; width:100% !important;}
.container{ width:1200px !important; padding:0 !important;}

.fancybox-button {  width: 60px !important;  height: 60px !important;}
.fancybox-navigation button {  width: 80px !important; height:120px !important;}
.fancybox-navigation button:before { width: 60px !important; height: 60px !important;}
	}



html{ scroll-behavior:smooth;}


body{ font-family:'微软雅黑';}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}
.cl:after{ content: ''; display: table; clear: both;}
@font-face {
	font-family: 'Conv_MONTSERRAT-REGULAR';
	src: url('../fonts/MONTSERRAT-REGULAR.eot');
	src: local('☺'), url('../fonts/MONTSERRAT-REGULAR.woff') format('woff'), url('../fonts/MONTSERRAT-REGULAR.ttf') format('truetype'), url('../fonts/MONTSERRAT-REGULAR.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}



/*导航开始*/
.header.active{ height:80px;}
.header.active .logo{ height:80px;}
.header.active .navs{ padding-top:17px;}
.header.active .header_right{ height:80px;}
.header.active .header_right:after{ border-top:80px solid transparent;}

.header{ height:110px; box-shadow:0px 1px 4px rgba(0,0,0,0.1); position:fixed; top:0; left:0; right:0; margin:0 auto; z-index:999; background:#fff; transition:all 0.6s;}
.logo{ width:40%; height:110px; overflow:hidden; transition:all 0.6s;}
.logo a{ display:block; height:100%;}
.logo a img{ display:block; height:100%; vertical-align: middle;}
.header_right{ width:60%; background:#334ba5; position:relative; height:110px; transition:all 0.6s;}
.header_right:after{ content:''; width:0; height:0; border-right:60px solid #334ba5; border-top:110px solid transparent; border-bottom:0px solid transparent; position:absolute; right:100%; top:0; transition:all 0.6s;}
.header_right:before{ content:''; width:70px; height:100%; background:#334ba5; position:absolute; left:100%; top:0;}

.navs{ padding-top:35px; transition:all 0.6s;}
.navs>ul{ margin:0; padding:0; text-align:right;}
.navs>ul>li{ display:inline-block; font-size:0; margin:0 30px; vertical-align: middle;}
.navs>ul>li>a{ display:block; font-size:16px; text-align:center; line-height:24px; color:#fff; text-decoration:none; transition:all 0.3s;}
.navs>ul>li>a i{ display:block; text-transform:uppercase; text-align:center; font-size:12px; color:#bfbfbf; font-style:normal; transition:all 0.3s;}
.navs>ul>li:nth-last-child(2){ margin-right: 15px; height: 48px;}
.navs>ul>li:nth-last-child(2) a{ line-height: 48px; height: 48px;}
.navs>ul>li:last-child{ margin:0; margin-left:15px;}
.navs>ul>li:last-child>a{ background:url(../images/ss.jpg) center center no-repeat #334ba5; width:48px; height:48px;}
.navs>ul>li:hover a i{ transform:translateY(-3px);}
.navs>ul>li.active a{ font-weight:bold;}
.navs>ul>li.active a i{ color:#fff; font-weight:normal;}

.ding_form{ position:absolute; top:calc(100% + 10px); right:0; z-index:2;pointer-events: none; opacity:0; width:200px; transition:all 0.3s;}
.ding_form.active{ display:block; top:100%; opacity:1;pointer-events: auto;}
.ding_form input{ width:100%; height:34px; border-radius:16px; background:#fff; border:none; padding-left:10px; border:1px solid #334ba5; outline:none;}
.ding_form button{ outline:none; position:absolute; right:0; top:0; height:34px; z-index:2; border:none; border-top-right-radius:16px;border-bottom-right-radius:16px; padding:0 10px; background:#334ba5; color:#fff;}

/*导航结束*/
.s_banner{ position:relative; margin-top:110px;}
.s_banner .swiper1 .swiper-slide .ban_img{ padding-top:39%;}
.s_banner .swiper1 .swiper-button-next1, .s_banner .swiper1 .swiper-button-prev1{ width:36px; height:46px; text-align:center; background:rgba(255,255,255,0.6);}
.s_banner .swiper1 .swiper-button-next1 i, .s_banner .swiper1 .swiper-button-prev1 i{ line-height:46px; display:inline-block; font-size:24px; color:#fff;}
.s_banner .swiper1 .swiper-pagination-bullet{ border-radius:0; background:#fff; transition:all 0.3s; height:2px; opacity:1;}
.s_banner .swiper1 .swiper-pagination-bullet.swiper-pagination-bullet-active{ width:40px;}



/*首页样式开始*/

.s_biao{ margin-bottom:30px;}
.s_biao h3{ font-size:26px; color:#333; position:relative; padding-bottom:15px; margin-bottom:15px;}
.s_biao h3:after{ content:''; width:60px; height:2px; background:#334ba5; position:absolute; left:50%; bottom:0; transform:translateX(-50%);}
.s_biao h5{ color:#999;}

.s_product{ background:#eaeff2; padding-top:20px; padding-bottom:30px;}
.s_product .caption{ background:#fff; position:relative; margin-bottom:10px; transition:all 0.3s;}
.s_product .caption:hover{ box-shadow:0px 0px 8px rgba(51,75,165,0.5);}
.s_product .caption .scp_img{ width:100%;}
.s_product .caption .scp_img a{ float:left;}
.s_product .caption .scp_text{ position:absolute; top:50%; right:0; transform:translateY(-50%); text-align:right; padding-right:20px;}
.s_product .row{ margin:0 -5px;}
.s_product .caption .scp_text h5{ font-size:16px; color:#333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.s_product .caption .scp_text h6{ color:#666; margin:15px 0; line-height:20px;}
.s_product .caption .scp_text p{ margin-top:20px;}
.s_product .caption .scp_text p a{ padding:3px 20px; color:#fff; background:#334ba5; text-transform:uppercase; border-radius:24px; text-decoration:none;}
.s_product .row .col-md-4{ padding:0 5px;}
.s_product .row .col-md-4 .caption:nth-child(2) .scp_text{ left:0; right:auto; text-align:left; padding-left:20px; padding-right:0;}
.s_product .row .col-md-4 .caption:nth-child(2) .scp_img a{ float:right;}
.s_product .row .col-md-4:nth-child(2) .caption{ text-align:center; padding-bottom:25px; padding-top:40px;}
.s_product .row .col-md-4:nth-child(2) .caption .scp_img a{ float:none; display:block; padding-bottom:15px;}
.s_product .row .col-md-4:nth-child(2) .caption .scp_img a img{ margin:0 auto; max-width:80%;}
.s_product .row .col-md-4:nth-child(2) .caption .scp_text{ position: static; transform:translateY(0); text-align:center;}
.s_product .row .col-md-4:nth-child(2) .caption .scp_text p{ text-align:center;}

.s_product .s_hot .row .col-md-4 .caption{ text-align:center; padding-bottom:25px; padding-top:40px;}
.s_product .s_hot .row .col-md-4 .caption .scp_img a{ float:none; display:block; padding-bottom:15px;}
.s_product .s_hot .row .col-md-4 .caption .scp_img a img{ margin:0 auto; max-width:45%;}
.s_product .s_hot .row .col-md-4 .caption .scp_text{ position: static; transform:translateY(0); text-align:center; padding-right: 0;}
.s_product .s_hot .row .col-md-4 .caption .scp_text p{ text-align:center;}



.s_gg{ padding-right:43.75%; background:#334ba5; color:#fff; position:relative;}
.sgg_right{ position:absolute; width:43.75%; right:0; top:50%; transform:translateY(-50%); padding-left:70px;}
.sgg_right span{ width:100px; height:100px; border-radius:50%; background:#334ba5; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%) translateX(-50%); z-index:2; color:#fff; text-align:center;}
.sgg_right span i{ line-height:100px; font-size:66px; display:inline-block;}
.sgg_right b{ font-weight:normal; display:block; font-size:24px; line-height:40px;font-family: 'Conv_MONTSERRAT-REGULAR';}
.sgg_right a{ display:inline-block; padding:5px 15px; background:#fff; color:#334ba5; margin-top:15px;}
.s_gg:hover .sgg_right span i{transform: rotateY(360deg); transition:all 0.6s;}

.s_about{ padding:40px 0;}
.sab_img a{ display:block; padding-top:60.5%; position: relative;}
.sab_img a span{ position: absolute; left: 0; right: 0; top: 50%; display: block; margin: 0 auto; transform: translateY(-50%); z-index: 2; width: 90px; height: 90px; background: url(../images/vv.png) center center no-repeat; background-size: cover; }
.sab_text h3{ color:#333; padding-bottom:15px; position:relative;}
.sab_text h3:after{ width:60px; height:2px; background:#334ba5; position:absolute; left:0; bottom:0; content:'';}
.sab_text p{ line-height:30px; color:#555;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;}
.sab_text p a{ line-height:24px; display:inline-block; padding:5px 25px; border-radius:16px; background:#334ba5; color:#fff;}
.sab_a a{ position:relative; display:block; padding-top:38.7%; margin-top:20px;}
.sab_a a span{ position:absolute; left:0; right:0; display:block; top:50%; transform:translateY(-50%); color:#fff; font-size:26px; text-align:center;}
.sab_a a span i{ display:inline-block; margin-right:15px; font-size:46px; vertical-align:middle;}

.s_anli{ background:url(../images/bj.jpg) center center no-repeat; background-size:cover; padding:50px 0;}
.al_text h3{ font-size:26px; color:#fff; padding-bottom:15px; position: relative; margin-top:0;}
.al_text h3:after{ content:''; width:60px; height:2px; background:#fff; position:absolute; left:0; bottom:0;}
.al_text h5{ color:#d3d3d3;}
.s_anli ul{ margin-top:20px; padding:0;}
.s_anli ul li{ display:inline-block; margin-right:15px;}
.s_anli ul li:last-child{ margin-right:0;}
.s_anli ul li a{ padding:4px 25px; display:block; color:#fff; font-size:16px; border:1px solid #fff; border-radius:24px; text-decoration:none;}
.s_anli ul li.active a{ background:#334ba5;}
.s_al_list .swiper-slide a{ display:block; padding-top:100%;}
.s_al_list .swiper-slide h5 a{ padding:0; color:#333; text-transform:uppercase; opacity:0; transition:all 0.3s;}
.s_anli #myTabContent{ margin-top:30px;}
.s_al_list .swiper-slide h5{ color:#333; line-height:24px; height:44px; transition:all 0.3s; overflow:hidden; background:#fff; padding:10px 5px; margin:0; text-align:center; font-size:15px;overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;}
.s_al_list .swiper-slide:hover h5{ height:68px; margin-top:-24px; background:#3d3d3d; color:#fff;}
.s_al_list .swiper-slide:hover h5 a{ color:#fff; opacity:1;}
.s_al_list.fade{ display:none;}
.s_al_list.fade.active{ display: block;}

.anli_list .caption{ border:1px solid #dedede; margin-bottom:20px;}
.anli_list .caption a{ display:block; padding-top:100%;}
.anli_list .caption h5 a{ padding:0; color:#333; text-transform:uppercase; opacity:0; transition:all 0.3s;}
.anli_list .caption h5{ color:#333; line-height:24px; height:44px; transition:all 0.3s; overflow:hidden; background:#fff; padding:10px 5px; margin:0; text-align:center; font-size:15px;}
.anli_list .caption:hover h5{ height:68px; margin-top:-24px; background:#3d3d3d; color:#fff;}
.anli_list .caption:hover h5 a{ color:#fff; opacity:1;}


.sfan_more{ text-align:center; margin-top:30px;}
.sfan_more .swiper-button-prev, .sfan_more .swiper-button-next{ width:52px; height:52px; text-align:center; border-radius:50%; background:rgba(0,0,0,0.3); position:static; margin:0; display:inline-block; vertical-align:middle; outline:none;}
.sfan_more .swiper-button-prev i, .sfan_more .swiper-button-next i{ font-size:16px; color:#fff; line-height:52px;}
.sfan_more a{ padding:10px 30px; border:1px solid #fff; color:#fff; display:inline-block; margin:0 30px; vertical-align:middle; border-radius:8px; text-transform:uppercase;}

.s_new{ padding:40px 0;}
.s_new_list.fade{ display:none;}
.s_new_list.fade.active{ display:block;}

.s_new .al_text h3{ color:#333;}
.s_new .al_text h3:after{ background:#334ba5;}
.s_new .al_text h5{ color:#a1a0a0;}

.s_new ul{ margin-top:20px; padding:0;}
.s_new ul li{ display:inline-block; margin-right:15px;}
.s_new ul li:last-child{ margin-right:0;}
.s_new ul li a{ padding:4px 25px; display:block; color:#333; font-size:16px; border:1px solid #fff; border-radius:24px; text-decoration:none;}
.s_new ul li.active a{ background:#334ba5; color:#fff;}

.snew_li{ background:#eaeff2; padding:10px; margin-bottom:25px; position:relative; color:#333;}
.snew_li:after{ clear:both; display:table; content:'';}
.snew_li_img{ width:130px; float:left; margin-right:15px;}
.snew_li_img a{ display:block; padding-top:77%;}
.snew_li h5{ margin-top:5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.snew_li h6{ line-height:20px; margin-bottom:5px;}
.snew_li h6:last-child{ margin-bottom:0; margin-top:5px; line-height:20px;}
.snew_li h6 a{ float:right; text-transform:uppercase; text-decoration:none; color:#334ba5; transition:all 0.3s;}
.snew_li:hover h6 a{ margin-right:10px;}
.s_new #myTabContent2{ margin-top:20px;}

.s_new .sfan_more{ margin-top:10px;}
.s_new .sfan_more a{ padding:10px 30px; border:1px solid #334ba5; color:#334ba5; display:inline-block; margin:0 30px; vertical-align:middle; border-radius:8px; text-transform:uppercase;}


.footer{ background:#334ba5; padding-top:20px; color:#fff;}
.footer .caption a{ color:#fff; text-decoration:none; line-height:18px;}
.ft_link a{ color: #fff; margin: 0 5px; margin-top: 15px; }
.ft_di{ background:#333333; padding:10px 0; margin-top:15px;}
.ft_di span{ margin-right:30px;}
.ft_di a{ color:#fff;}


/*首页样式结束*/

/*内页样式开始*/
.n_banner{ margin-top:110px; padding-top:20.8%; position:relative;}
.n_map{ margin-top:110px;}
.n_nav .caption{ background:#334ba5; color:#fff; padding:15px 0;}
.n_nav .caption h2{ margin-top:5px; margin-bottom:15px;}
.n_nav .row{ margin:0;}
.n_nav .row .col-md-3{ padding:0;}
.n_nav .row .col-md-9{ padding:0;}

.n_nav{ position:absolute; left:0; right:0; bottom:0; z-index:2;}
.n_nav ul{ margin:0; padding:15px 0; padding-left:30px; background:#eaeaea; margin-top:65px;}
.n_nav ul:after{ content:''; clear:both; display:table;}
.n_nav ul>li{ list-style:none; float:left; padding:0 30px; border-right:1px solid #ccc;}
.n_nav ul>li>a{ display:block; font-size:15px; line-height:18px; color:#333; text-decoration:none;}
.n_nav ul>li.active>a{ color:#334ba5;}

.n_nav ul>li{ position:relative;}
.n_nav ul>li:after{ content:''; width:100%; height:15px; position:absolute; top:100%; left:0;}
.n_nav ul>li a i{ margin-left:5px;}
.n_nav ul>li:hover .cp_erji{ display:block;}
.n_nav ul>li .cp_erji{ position:absolute; background:#f1f1f1; min-width:400px; left:-30px; top:calc(100% + 15px); z-index:2; padding:0; margin:0; border-top:1px solid #334ba5; padding:10px 20px; display:none;}
.n_nav ul>li .cp_erji ul{ padding:0; background:none; margin:0 -10px;}
.n_nav ul>li .cp_erji ul:after{ content:''; clear:both; display:table;}
.n_nav ul>li .cp_erji ul li{ list-style:none; padding:0 10px; border:none;}
.n_nav ul>li .cp_erji ul li a{ white-space:normal; display:block; text-align:center; border:1px solid #dedede; padding:5px 0; margin-bottom:10px; font-size:12px; text-decoration:none;}
.n_nav ul>li .cp_erji ul li:hover a{ color:#334ba5; border:1px solid #334ba5;}



.weizhi{ color:#666; padding:10px 0; margin-bottom:20px;}
.weizhi a{ color:#666;}
.weizhi i{ margin-right:6px;}
.weizhi a:last-child{ color:#334ba5;}

.ny_about{ padding-bottom:60px;}
.ab_h2{ margin-bottom:20px; color:#333;}
.ny_about .ty_content p{ font-size:16px; line-height:30px;}
.ty_content p{ line-height:24px; color:#666;}
.ty_content img{ max-width:100%; width: auto !important; height: auto !important;}



.ny_product{ padding-bottom:60px;}
.ny_left_biao{ background:#334ba5; color:#fff; padding:15px 0;}
.ny_left_biao h3{ margin-top:10px; padding-bottom:10px; position:relative;}
.ny_left_biao h3:after{ content:''; width:60px; height:1px; background:#fff; position:absolute; left:50%; transform:translateX(-50%); bottom:0;}

.ny_cp_biao{ margin-top:20px; margin-bottom:40px;}
.ny_cp_biao h4{ border-left:4px solid #334ba5; font-size:16px; color:#333; background:#f3f3f3; padding:15px 0;padding-left:20px; font-weight:bold; margin-bottom:20px;}
.ny_cp_biao .caption h5{ font-size:16px;}
.ny_cp_biao .caption h6{ line-height:24px; color:#666;}

.ny_cp_li .caption{ margin-bottom:30px;}
.ny_cp_li .caption a{ padding-top:70%; background:#f5f5f5; border:1px solid #f5f5f5; display:block;}
.ny_cp_li .caption h5{overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.ny_cp_li .row{ margin:0 -10px;}
.ny_cp_li .row .col-md-4{ padding:0 10px;}

.ul_link{ margin:0; padding:0; margin-top:20px}
.ul_link li{ list-style:none; border-bottom:1px solid #dedede; padding:10px 0; padding-left:10px;}
.ul_link li a{ line-height:24px; color:#333; transition:all 0.3s; text-decoration:none;}
.ul_link li:hover a{ color:#334ba5;}
.ul_link li a i{ display:inline-block; font-size:24px; margin-right:10px; vertical-align:middle;}

.ul_anli{ margin:0; padding:0; margin-top:30px}
.ul_anli h5{ font-size:16px;}
.ul_anli li{ list-style:none; border-bottom:1px solid #dedede; padding:5px 0;}
.ul_anli li a{ line-height:24px; color:#333; text-decoration:none; transition:all 0.3s;}
.ul_anli li:hover a{ color:#334ba5;}


.ny_left .panel-group .panel+.panel{ margin-top:0;}
.ny_left .panel-group .panel{ border:none; border-top:1px solid #fff;}
.ny_left .panel-heading{ padding:0;}
.ny_left .panel-heading a{ padding:10px; display:block; position:relative; padding-left:35px; background:#333; color:#fff; font-size:16px; text-decoration:none; line-height:24px;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap; transition:all 0.3s;}
.ny_left .panel-heading a i{ position:absolute; left:10px; top:50%; transform:translateY(-50%); color:#fff;}
.ny_left .panel-heading a.collapsed{ background:#334ba5;}
.ny_left .panel-body{ padding:0;}
.ny_left .panel-body ul{ margin:0; padding:0;}
.ny_left .panel-body ul li{ list-style:none; border-bottom:1px solid #fff;}
.ny_left .panel-body ul li:last-child{ border-bottom:none;}
.ny_left .panel-body ul li a{ padding:10px 5px; padding-left:35px; text-decoration:none; background:#7f7f7f; color:#fff; display:block;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}


.ny_cp_header .swiper11{ border:1px solid #dedede;}
.ny_cp_header .swiper11 .swiper-slide a{ padding-top:90%; display:block;}
.ny_cp_header .caption h4{ margin:0; padding:20px; background:#f3f3f3; color:#333;}
.ny_cp_header .caption h5{ color:#333; font-size:16px; margin-top:20px;}
.ny_cp_header .caption h6{ margin-top:40px;}
.ny_cp_header .caption h6 a{ padding:20px 20px; font-size:16px; background:#58c3e0; color:#fff; display:inline-block; vertical-align:middle; position:relative; padding-left:60px; text-decoration:none;}
.ny_cp_header .caption h6 a i{ color:#fff; font-size:30px; display:inline-block; position:absolute; left:20px; top:50%; transition:all 0.6s; transform:translateY(-50%);}
.ny_cp_header .caption h6 a:last-child{ background:#ea535d; padding-top:10px; padding-bottom:10px; margin-left:30px;}
.ny_cp_header .caption h6 a span{ font-size:14px; display:block; margin-bottom:5px;}
.ny_cp_header .caption p{ line-height:24px; color:#666;}

.ny_cp_header .swiper11 .swiper-button-next11{ right:0px; background:rgba(0,0,0,0.3); padding-top:9px; width:30px; text-align:center;}
.ny_cp_header .swiper11 .swiper-button-prev11{ left:0px; background:rgba(0,0,0,0.3); padding-top:9px; width:30px; text-align:center;}
.ny_cp_header .swiper11 .swiper-button-prev11 i, .ny_cp_header .swiper11 .swiper-button-next11 i{ font-size:24px; color:#fff; display:inline-block;}
.ny_cp_header .swiper11 .swiper-pagination11 .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#334ba5;}


.ny_al_header .swiper11{ border:1px solid #dedede;}
.ny_al_header .swiper11 .swiper-slide a{ padding-top:110%; display:block;}
.ny_al_header .caption h4{ margin:0; padding:20px; background:#f3f3f3; color:#333; margin-bottom:20px;}
.ny_al_header .caption p{ padding:10px 0; border-bottom:1px solid #dedede; margin:0; line-height:24px;}
.ny_al_header .caption p:last-child{ padding-bottom:30px;}
.ny_al_header .caption p:last-child strong{ display:block; text-align:left;}
.ny_al_header .caption p:last-child span{ display:block; margin: 0 auto; width: 40%;}
.ny_al_header .swiper11 .swiper-button-next11{ right:0px; background:rgba(0,0,0,0.3); padding-top:9px; width:30px; text-align:center;}
.ny_al_header .swiper11 .swiper-button-prev11{ left:0px; background:rgba(0,0,0,0.3); padding-top:9px; width:30px; text-align:center;}
.ny_al_header .swiper11 .swiper-button-prev11 i, .ny_al_header .swiper11 .swiper-button-next11 i{ font-size:24px; color:#fff; display:inline-block;}
.ny_al_header .swiper11 .swiper-pagination11 .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#334ba5;}



.ny_cp_content>h5{ font-size:16px; border-bottom:1px solid #dedede; border-top:1px solid #334ba5; padding:15px 0; margin:0; text-align:center;}
.ny_cp_content{ border:1px solid #Dedede; border-top:1px solid #334ba5; margin-top:30px;}
.ny_cp_content .ty_content{ padding:20px;}

.cp_fan{ background:#eeeeee; padding:10px 15px; margin-top:30px;}
.cp_fan .caption a{ color:#666;}
.cp_fan .caption a:hover{ color:#334ba5;}

.ny_al_fan{ margin-top:30px;}
.ny_al_fan .caption{ text-align:center;}
.ny_al_fan .caption a i{ width:50px; height:50px; border-radius:50%; line-height:46px; border:2px solid #333; font-size:24px; display:block; margin:0 auto; margin-bottom:10px;}
.ny_al_fan .caption a{ color:#333; padding:15px 0; display:block; background:#f3f3f3; text-decoration:none;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.ny_al_fan .caption a:hover{ color:#334ba5;}
.ny_al_fan .caption a:hover i{ border:2px solid #334ba5;}

.ny_cp_content .ny_cp_li{ padding:20px;}
.ny_cp_content .ny_cp_li .caption{ margin-bottom:0;}

.ny_new{ padding-bottom:60px;}

.nnew_1_db{ background:#eee;}
.nnew_1_db .row .col-md-7 .caption a{ padding-top:77%; display:block;}
.nnew_1_db .row .col-md-5 .caption{ padding-right:15px; padding-top:5px;}
.nnew_1_db .caption h4{ color:#334ba5; line-height:30px; margin-bottom:10px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;}
.nnew_1_db .caption p{ line-height:24px; color:#666;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;}
.nnew_1_db .caption h5 a{ text-transform:uppercase; font-size:12px; color:#334ba5;text-decoration:none;}

.nnew_1_li{ padding:5px 15px; border:1px solid #dedede; margin-bottom:13px;transition:all 0.3s;}
.nnew_1_li h4 a{ color:#333333; transition:all 0.3s; text-decoration:none;}
.nnew_1_li h4{overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.nnew_1_li h5 a{ text-transform:uppercase; font-size:12px; color:#334ba5; text-decoration:none;}
.nnew_1_li:hover{ border:1px solid #334ba5;}
.nnew_1_li:hover h4 a{ color:#334ba5;}
.nnew_1_li p{ line-height:24px; color:#666; transition:all 0.3s; height:0; overflow:hidden;}
.wc_biao{ margin-bottom:20px; padding-left:12px; position:relative; border-left:4px solid #334ba5;}

.wc_biao:after{ content:''; clear: both; display:table;}
.wc_biao a{ font-size:15px; color:#666; line-height:30px;}

.nnew_2{ margin-top:30px;}
.nnew_2 #thumbs .swiper-slide{ padding:10px 20px; height:100px; background:#f3f3f3; border:none;}
.nnew_2 #thumbs .swiper-slide p{ margin:0;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.nnew_2 #thumbs .swiper-slide h5{ margin-top:0; line-height:24px;}
.nnew_2 #thumbs .swiper-slide.swiper-slide-thumb-active{ height:145px !important;}
.nnew_2 #thumbs .swiper-slide.swiper-slide-thumb-active h5{ margin-top:10px !important;}
.nnew_2 #gallery .swiper-slide a{ padding-top:75%; display:block;}
.nnew_2 #gallery .swiper-pagination-gallery .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#334ba5;}
.nnew_1_li.swiper-slide-thumb-active p{ height:48px;}
.nnew_1_li.swiper-slide-thumb-active h4 a{ color:#334ba5;}
.nnew_2 .nnew_1_li{ margin-bottom:0;}

.nnew_3{ margin-top:30px;}
.nnew_3 .row{ margin:0 -15px;}
.nnew_3 .row .col-md-6{ padding:0 15px;}
.nnew_3 .caption{ margin-bottom:20px;}
.nnew_3 .caption a{ padding-top:64%; display:block; position:relative;}
.nnew_3 .caption a span{ position:absolute; left:0; right:0; z-index:2; bottom:0; background:rgba(0,0,0,0.8); color:#fff; text-align:center; line-height:40px;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap; display:block;}
.nnew_3 .caption a i{ position:absolute; left:0; right:0; margin:0 auto; top:50%; transform:translateY(-50%); z-index:2; background:url(../images/v.png) center center no-repeat; width:37px; height:37px; display:block;}


.nnew_3.fade{ margin-top:0; display:none;}
.nnew_3.fade.active{ display:block;}

.nnew_right_list{ background:#f3f3f3; padding:10px 15px; padding-bottom:60px;}
.nnew_right_li{ padding:15px 0; border-bottom:1px dashed #dedede;}
.nnew_right_li h5 a{ text-decoration:none; font-weight:bold; color:#333;}
.nnew_right_li h6{ color:#666; line-height:24px;}
.nnew_right_li p a{ display:inline-block; padding:5px 15px; border:1px solid #334ba5; color:#334ba5; text-decoration:none; text-transform:uppercase; font-size:12px;}
.nnew_right_li:hover h5 a{  color:#334ba5;}

.new_fan{ text-align:center; margin-top:40px;}
.new_fan a{ color:#333; display:inline-block; text-align:center; text-decoration:none;}
.new_fan a:nth-child(2){ margin:0 40px;}
.new_fan a i{ width:52px; height:52px; border:2px solid #333333; text-align:center; display:inline-block; border-radius:50%; line-height:46px; font-size:24px; display:block; color:#333; margin:0 auto; margin-bottom:10px;}
.new_fan a:hover{ color:#334ba5;}
.new_fan a:hover i{ color:#334ba5; border:2px solid #334ba5;}

.nnew_right_img a{ padding-top:76%; display:block;}
.nnew_list_li{ padding:20px 0; border-bottom:1px dashed #dedede;}
.nnew_list_li_img a{ padding-top:76%; display:block;}
.nnew_list_li_text h5 a{ color:#333;}
.nnew_list_li_text h6{ color:#999;}
.nnew_list_li_text p{ line-height:24px; color:#666;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;}
.nnew_list_li_text p a{ text-decoration:none; color:#334ba5; text-transform:uppercase;}
.nnew_list_li_text p:last-child{ margin-bottom:0;}
.nnew_list_li:hover h5 a{ color:#334ba5;}


.ny_lx{ padding-bottom:60px;}
.ny_lx h3{ padding-left:15px; border-left:3px solid #334ba5; font-size:26px; line-height:26px; color:#333; margin-bottom:25px;}
.nlx_text{ padding-right:30px;}
.nlx_text p{ color:#666; line-height:30px;}
.nlx_text .row{ color:#333; line-height:24px; margin-top:20px;}
.nlx_text .row .col-md-6{ margin-bottom:10px;}
.nlx_text .row i{ margin-right:10px; color:#334ba5; font-size:18px;}

.lx_zhaopin .panel-group .panel-heading{ padding:0;}
.lx_zhaopin .panel-group .panel-heading a{ padding:10px 15px; display:block; padding-right:30px; position:relative; text-decoration:none;}
.lx_zhaopin .panel-group .panel-heading a i{ position:absolute; right:20px; top:50%; transform:translateY(-50%);}

.ab_sh{ margin-top:90px;}
.ab_sh h2{ margin-bottom:20px;}

.sys{ margin-top:30px;}
.sys .caption a{ padding-top:75%; display:block;}
.sys .caption span{ padding:15px 0; text-align:center; background:#334ba5; color:#fff; font-size:16px; display:block; position:relative;}
.sys .caption span:after{ content:''; width:0px; height:0; border-bottom:10px solid #334ba5; border-left:10px solid transparent; border-right:10px solid transparent; position:absolute; bottom:100%; left:50%; transform:translateX(-50%);}
.sys .row .col-md-4:nth-child(2) .caption span:after{ border-top:10px solid #334ba5; border-bottom:none; bottom:auto; top:100%;}
/*内页样式结束*/

.fanye{ padding:30px 0;}
.fanye a{ display:inline-block; padding:6px 12px; border:1px solid #ddd; background:#fff; color:#666; text-decoration:none;}
.fanye a:hover{ color:#334ba5; border:1px solid #334ba5;}
.fanye a.active{ background:#334ba5; border:1px solid #334ba5; color:#fff;}
.fanye a.active:hover{ color:#fff; border:1px solid #334ba5;}
.fanye a.cur{ color:#999; border:1px solid #eee; pointer-events: none}

.fanye02{ padding:20px 0;}
.fanye02 .caption{ margin-top:15px; color:#666;}
.fanye02 .caption a{ color:#666;}
.fanye02 .caption a:hover{ color:#a80d0f;}

		.my-map { margin: 0 auto; width: 100%; height:400px;}
		.my-map .icon { background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat; }
		.my-map .icon-cir { height: 31px; width: 28px; }
		.my-map .icon-cir-red { background-position: -11px -5px; }
		.amap-container{height: 100%;}
		
#bsWXBox{height: 256px !important; width: 232px !important;}		


.fudong{ position:fixed; right:0; top:60%; transform:translateY(-50%); z-index:99;}
.fudong a{ position:relative; width:58px; height:58px; display:block; text-align:center; background:#334ba5; color:#fff; text-decoration:none; margin-bottom:2px; box-shadow:0px 0px 4px rgba(0,0,0,0.2);}
.fudong a i{ line-height:58px; font-size:30px; color:#fff;}
.fudong a span{ position:absolute; right:100%; background:#fff; top:0; width:120px; padding:5px; display:none; box-shadow:0px 0px 4px rgba(0,0,0,0.2);}
.fudong a span img{ display:block; width:100%;}
.fudong a:hover span{ display:block;}
.fudong a:first-child span{ line-height:48px; right:calc(100% + 1px); width:160px; height:58px; color:#fff; background:#334ba5; font-weight:bold;}
.fudong a:nth-child(2) span{ line-height:48px; right:calc(100% + 1px); width:160px; height:58px; color:#fff; background:#334ba5; font-weight:bold;}





.x_about{ padding: 60px 0;}
.xab_left{ padding-right: 45px;}
.xab_left h2{ font-size: 38px; color: #333; padding-bottom: 25px; position: relative; margin-bottom: 30px;}
.xab_left h2 span{ display: block; font-size: 60px; color: #eee; margin-bottom: 15px; transform: scale(1,1.2);}
.xab_left h2:after{ content: ''; position: absolute; bottom: 0; left: 0; width: 70px; height: 5px; background: #334ba5;}
.xab_left p{ line-height: 30px; color: #454545;}
.xab_left p a{ padding: 10px 20px; line-height: 16px; border-radius: 24px; color: #fff; background: #334ba5; display: inline-block; text-decoration: none;}
.xab_left p a i{ display: inline-block; margin-left: 10px; transform: translateY(1px); transition: all 0.3s;}
.xab_left p a:hover i{ transform: translateX(5px) translateY(1px);}
.xab_left ul{ margin: 0; padding: 0; margin-top: 30px;}
.xab_left ul li{ list-style: none; float: left; width: 25%; text-align: center; position: relative;}
.xab_left ul li:after{ content: ''; width: 1px; height: 36px; background: #eee; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.xab_left ul li:last-child:after{ display: none;}
.xab_left ul li span{ margin-top: 5px; display: block;}
.xab_left ul li a{ color: #666; text-decoration: none; transition: all 0.3s;}
.xab_left ul li a i{ display: block; font-size: 36px; margin: 0 auto; transition: all 0.3s;}
.xab_left ul li:hover a{ color: #334ba5;}
.xab_left ul li:hover a i{ transform: scale(1.08);}
.xab_right{ position: relative; padding-left: 45px;}
.xab_right img{ display: block; max-width: 100%;}
.xab_video{ position: absolute; left: -25px; top: 50%; transform: translateY(-50%); width: calc(100% - 45px); cursor: pointer;}
.xab_video img{ width: 100%; display: block;}
.xab_video.active:after{ opacity: 0;}
.xab_video.active:before{ opacity: 0;}
.xab_video video{ width: 100%; height: 430px;}
.xab_video:after{ content: ''; width: 70px; height: 70px; border-radius: 50%;background-image: radial-gradient(rgba(255,255,255,0.3), rgba(255,255,255,0.8)); display: block; position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); transition: all 0.3s;}
.xab_video:before{ content: ''; width: 0; height: 0; border-left: 16px solid #000000; border-top: 12px solid transparent; border-bottom: 12px solid transparent; position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%) translateX(2px); z-index: 2; transition: all 0.3s;}
.xab_video:hover:after{ width: 76px; height: 76px; box-shadow: 0px 0px 8px rgba(0,0,0,0.75);}